@charset "utf-8";
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol{margin:0;padding:0}em,i{font-style:normal}li{list-style:none}a,a:hover{text-decoration:none}img{border:0}table{border-collapse:collapse;border-spacing:0}label{cursor:default}body,button,input,select,textarea{font:12px/1.5 Tahoma,arial,'Hiragino Sans GB','microsoft yahei',\5b8b\4f53}textarea{resize:none}a,a:focus{outline:none}.clearfix:after{content:'\20';display:block;height:0;clear:both}.clearfix{*zoom:1}.clear{display:block;height:0;clear:both;font-size:0;line-height:0;overflow:hidden}.fl{float:left;display:inline}.fr{float:right;display:inline}.fn{float:none}.tl{text-align:left}.tr{text-align:right}.tc{text-align:center}.hide{display:none}.show{display:block}.mt10{margin-top:10px}.noBg{background:none!important}.noBorder{border:0!important}.yahei{font-family:'microsoft yahei'}.red{color:red}

/* 项目主体部分设置 */
body{background:#fff;color:#555; font-family: "microsoft yahei"}
a{text-decoration:none;/*transition:color 0.2s linear 0s*/}
.wrapper a:hover{color: #7db838;}
.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; }
.g-in { width:1200px; margin:0 auto; }.g-in:after{content:'\20';display:block;height:0;clear:both}.g-in{*zoom:1}
.header { position:relative;}

.header .nav {height: 50px;line-height: 50px;width: 1020px;margin: 0 auto; text-align: center;}
.header .nav .nLi {display: inline-block;text-align: center;}
.header .nav .nLi a {display: inline-block;height: 50px; font-size: 16px; padding: 10px 27px; color: #3f3a39; font-weight: normal;}
.header .nav .nLi a:hover, .header .nav ul li a.current {color:#7db838;background:url(line.png) bottom 10px center no-repeat;}

.banner {position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}
.banner .hd { position:absolute; left:0; bottom:20px; width:100%; height:12px; z-index:4; }
.banner .hd ul { width:1200px; height:12px; margin:0 auto; text-align:center;}
.banner .hd ul li { display:inline-block; *display:inline; zoom:1; width:10px; height:10px; margin:0 4px; border-radius:5px; background:#fff; line-height:999px; overflow:hidden; cursor:pointer; vertical-align:top;}
.banner .hd ul li.on { background-color: #7db838; }
.ibanner {position:relative; left:50%; width:1920px; margin-left:-960px; text-align:center;}

.banner a.prev, .banner a.next{ width:59px; height:60px; position:absolute; top:50%; margin-top:-30px; opacity:1; transition:0.8s linear 0s; }
.banner a.prev{ left:18%; background:url(bPrev.png) no-repeat; }
.banner a.next{ right:18%; background:url(bNext.png) no-repeat; }
/*.banner:hover a.prev, .banner:hover a.next{ opacity:1; }*/

/*footer部分*/
.footer { background-color: #626262; }
.w-h .w-h-l { text-align: left; color:#fff; padding: 30px 0 0 30px; width: 400px; }
.w-h .w-h-l h3 { font-size: 18px;margin-bottom: 10px; font-weight: normal;}
.w-h .w-h-l p { font-size: 12px; line-height: 20px; }
.w-h .w-h-l p a { color: #fff; }
.w-h .w-h-m { width: 200px; text-align: center; margin: 25px auto; }
.w-h .w-h-m li { margin-top: 10px; }
.w-h .w-h-m span { display: block; color: #fff; font-size: 10px; }
.w-h .w-h-r { width: 550px; margin-top: 25px; text-align: center; }
.w-h .w-h-r input { margin-top: 15px; border: none; border-radius: 5px; color: #737373;}
.w-h .w-h-r textarea { margin-top: 15px; border: none; border-radius: 5px; color: #737373;}
.w-h .w-h-r .sign1 { width: 510px; height: 36px; line-height: 36px; padding-left: 10px; }
.w-h .w-h-r .sign2 { width: 510px; height: 90px; text-align: top; padding-left: 10px; }
.w-h .w-h-r .sign3 { width: 100px; height: 36px; line-height: 36px; font-size: 18px; color: #fff; background-color: #7db838;}
.w-i { border-top: 1px solid #b4b4b4; text-align: center; padding: 10px 0; }
.w-i p { display: inline-block; color: #fff;  }
.w-i p a { color: #fff; }

.w-i .ghs{width:175px;height:20px;line-height:20px;background:url(ghs.png) left center no-repeat;padding-left:25px;margin:5px auto 0;}
.w-i .ghs a{color:#fff;}

/*隐藏部分*/
.mes1 { position:fixed; bottom:343px; right:620px; margin-right:-620px; display:block;  }
.mes1 { display:block; width:60px; height:60px; background:url(33.png) no-repeat; background-position: 0 0; outline:0 none;  }
.mes1:hover { background:url(33.png) no-repeat center right #7db838; width: 220px; }

.mes2 { position:fixed; bottom:406px; right:620px; margin-right:-620px; display:block;  }
.mes2 { display:block; width:60px; height:60px; background:url(33.png) no-repeat; background-position: 0 0; outline:0 none;  }
.mes2:hover { background:url(33.png) no-repeat center right #7db838; width: 220px; }
#mess33 { color: #fff; padding-left: 50px; width: 160px; font-size: 20px; line-height: 52px; text-align: left; margin-right: 20px;}


.mes { position:fixed; bottom:280px; right:620px; margin-right:-620px; display:none; }
.mes { display:block; width:60px; height:60px; background:url(ccc.png) no-repeat; background-position: 0 0; outline:0 none;  }
.mes:hover { background:url(messbg.png) no-repeat; background-position: -2px 0; width: 220px; }
#mess2 { color: #fff; padding-left: 50px; width: 160px; font-size: 20px; line-height: 52px; text-align: left; margin-right: 20px; }

#mess22 { color: #fff; padding-left: 50px; width: 160px; font-size: 20px; line-height: 52px; text-align: left; margin-right: 20px;}


.wechair { position:fixed; bottom:220px; right:620px; margin-right:-620px; display:none;  }
.wechair { display:block; width:60px; height:77px; background:url(bbb.png) no-repeat; background-position: 0 20px; outline:0 none; }
.wechair:hover { background:url(weixinbg.png) no-repeat; background-position: 125px 20px; width: 185px;  }
#img { margin-top: 20px; }
.phone { position:fixed; bottom:155px; right:620px; margin-right:-620px; display:none;  }
.phone { display:block; width:60px; height:60px; background:url(phonebg.png) no-repeat; background-position: 0 0; outline:0 none;  }
.phone:hover { background:url(phonebg1.png) no-repeat; background-position: -2px 0; width: 220px; }
#phone2 { color: #fff; padding-left: 10px; width: 160px; font-size: 22px; line-height: 60px; text-align: left; margin-right: 20px; }
.back-to { position:fixed; bottom:92px; right:620px; margin-right:-620px; display:none;  }
.back-to .back-top { display:block; width:60px; height:60px; line-height: 60px;background:url(dingbubg.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background:url(dingbubg.png) no-repeat; }
.hide { display: none; }
.show { display: block; }